<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人中心-借阅记录</title>
  <link rel="shortcut icon" href="../img/icon/library-icon.png" type="image/x-icon">

  <link rel="stylesheet" href="../css/clearDefalutStyle.css">
  <link rel="stylesheet" href="../css/user-module-left.css">
  <link rel="stylesheet" href="../css/user-right-info.css">

  <link rel="stylesheet" href="../css/user-info-modify.css">
  
  <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script src="../js/Cookie.js"></script>
  <script src="../js/user-info-modify.js"></script>
  <script src="../js/clock-script.js"></script>

</head>
<body>
  <div class="container">
    <div class="leftContainer">
      <div class="logo"><a href="./index.html">图书管理系统</a></div>
      <p>导航</p>
      <ul class="borrowFun">
        
        <li><img src="../img/icon/search-on.png"><a href="../html/user-module-record.html">借阅记录</a></li>
        <!-- <li><img src="../img/icon/search-on.png"><a href="../html/search.html">图书查询</a></li> -->
        <li><img src="../img/icon/userinfo1.png"><a href="../html/user-module-info.html">个人信息</a></li>
        <li class="focusItem"><img src="../img/icon/info-modify.png"><a href="../html/user-info-modify.html">修改信息</a></li>

        <li><img src="../img/icon/changepass1.png"><a href="../html/user-module-changePass.html">修改密码</a></li>
        
      </ul>
      <div class="clockBox"></div>
      <p class="quoto">"读万卷书、行万里路。"</p>
    </div>
    <div class="rightContainer">
      <div class="userInfo">
        <div class="loginOut"><a href="../php/register/logout.php">登出</a></div>
        <div class="loginTitle">个人中心</div>
        <div class="userName"><img src="../img/icon/users.png" alt=""><span>[userName]</span></div>

      </div>
      <div class="content">
        <div class="funTitle">
          <span class="modify">更改个人信息</span>
          
        </div>
        <div class="modifyContainer">
          <div ><span >用户名：</span><input type="text" class="userName" placeholder="输入用户名" autofocus='autofocus'></div>
          <div ><span >电子邮箱：</span><input type="text" class="userEmail" placeholder="输入邮箱号"></div>
          <div ><span >电话号码：</span><input type="text" class="userTel" placeholder="输入电话号码"></div>
          <!-- <div ><span >密码</span><input type="password" class="userPass"></div> -->
          <!-- <div >用户名：<input type="text"></div> -->
          <button type="submit" class="submit">确认</button>
        </div>
      </div>
      </div>
    </div>
  </div>
</body>
</html>